<template>
  <div class="loading">
    <img class="headIcon" src="../assets/images/109951165426046548.jpg" alt />
    <div class="title">Hello,大帅逼！</div>
    <van-button class="btn" plain type="info" @click="goTo">开启vue之旅</van-button>
  </div>
</template>

<script>
export default {
  methods: {
    goTo() {
      this.$router.push({ name: "ArticleList" });
      console.log(this.$cookie);
    }
  }
};
</script>

<style scoped>
.loading {
  height: 100vh;
  background-color: #b3d4db;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 160px;
}
.headIcon {
  width: 160px;
  border-radius: 50%;
}
.title {
  font-size: 30px;
  padding: 100px;
  font-weight: 600;
}
.btn{
  height: 100px;
  margin: 50px ;
  border-radius: 10px ;
  font-size: 30px ;
  padding: 35px 40px ;
  background-color: transparent ;
}
</style>